日々精進ロゴ

スポンサーリンク

WordPress

知識0の素人STINGER利用者はAFFINGER4を使う事にした!分からなくても出来る事がこんなに増えた!

2016年11月20日

「出る度にパワーアップして使いやすく」

「可愛く」の言葉を散々目にしていたので、

「次はもっとなのね♡」ってカスタム知識を身に付けながら

「STINGER8」ってのを楽しみに待っていました。

これまでのサイト運営奮闘記はこちら⇒カテゴリー「WordPress

待ちに待った当日、愕然どころの騒ぎじゃないからこれ見て

STINGER8広告

ぇ━(*´・д・)━!!!原点回帰しちゃったよ!シンプルになっちゃったよ!!

簡単に可愛いのが作りたいんですけど…

同時にAFFINGER4とか言うこれまた、小難しそうな「稼ぐための」系のゴッチャゴチャしたテーマごり押しでもうウンザリっすわ。

でも良いもん。

私にはKanamiさんという強い味方がいるから問題無し。

いっぱい真似して可愛いサイトを作るんだ♪

※私ってば、カスタム知識なんて本当は全く身に付いていないから丸々誰かの真似をするしかないのです。

色々検索していて分かりやすくて格好いいサイトを見付けました。

こちらを最初からちゃんと読んだらきっと今、分からない事は全部分かるんだろうなってサイト⇒寝ログ

テーマSimplicityを作った方のブログです。

コメント欄を拝見したら、分からない事とか出来ない事に全部答えてくれるみたい…

一度、勉強させてもらうためにも使わせてもらおうかなって、何かにつまずく度に思います。

全部、日本語だしブックマークしてしょっちゅう覗いて勉強して(る気になって)います。

今のテーマ(Stinger)を使ってる限りはやっぱり

こちら⇒Kanamiiさんの事にある通り、完全に頼りっきりなわけです。

だって、本当に可愛いんだもの。

WordPressの事とかSTINGERカスタムの教科書みたいなサイトです。

お気に入りすぎてTwitterでフォローさせてもらっちゃいました…

ら…な…ぬ…?

KanamiさんTwitterキャプチャー

良し!買おう!!

って、事で早速導入してみました。

AFFINGER4最高です!

小難しそうとかなんか色々言っちゃってスミマセンでした。

使いこなす気満々でプラグインとかも買っちゃいました。

あとは私の理解力とやる気だけの問題ですね。

お世話になりますm(_ _"m)

⇒稼ぐサイトの設計図-AFFINGER4公式ガイド

だそうです。

スポンサーリンク

稼ぐブログの設計図…宝の持ち腐れってアタチンの事かあー?!

設定項目がたくさんあるのは良いのですが、如何せん言葉の意味が分かりません。

一個ずつググりながら…その都度、

「あっ!これ真似しよーっと」的な物を丸パクリしながらここまで来ました。

ここに書いてある事以外はダッシュボードからの設定で出来る事です。

稼げるとかそういうのは設定していないので分かりませんが、見た目を色々「簡単に可愛く変えたい」って思っている私には(も…というべきなのでしょうね、本当は)すごく良いです。

本質を全く理解していなくても…

Google ナンチャラカンチャラの設定が違うのかエラー表記ばっかり出ていようとも…

私がしたいのは可愛いサイト作りです。

登録するだけしてみたアフィリエイトサイトからジャンジャンメールがきてるけど知ったこっちゃありません。

とにかく可愛くて見やすいのが作りたいんです!!

パソコン閲覧時の記事幅を広げました。

style.cssに

#content{
max-width: 1260px;
}

を書き込むだけ。理由とか詳細とかは⇒KOTOBAKO-コトバコさんに載っています。

※バージョンアップで管理画面から出来るようになりました。

関連記事に「VIEW」付けて「クックク!」に変更しました。

なんとなく、「関連記事」を「同じカテゴリー内の記事」にしてみました。

FTTPとは何ぞ?なので←ややこしそうなので勉強する気は今のところなし

親テーマのkanren-thumbnail-on.phpを丸っとコピーして子テーマの中に作って

<dd>
<p class="itiran-t"><a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a></p>

3行目タイトルの後ろに

<?php if ( function_exists ( 'wpp_get_views' ) ) { echo '<span class="wpp-views">' . wpp_get_views ( get_the_ID() ) . ' <span class="wpp-text">VIEW</span></span> '; } ?>

を貼り付けて「VIEW」を「クックク!」にしました。

こうなれば良いみたいです。

<dd>
<p class="itiran-t"><a href="<?php the_permalink(); ?>">
<?php the_title(); ?><?php if ( function_exists ( 'wpp_get_views' ) ) { echo '<span class="wpp-views">' . wpp_get_views ( get_the_ID() ) . ' <span class="wpp-text">クックク!</span></span> '; } ?>
</a></p>

※これは「おすすめ記事サムネイルあり(popular-thumbnail-on.php)」の場合です。

私は「おすすめ記事」を作っていないので関連記事でやってみただけです。

一覧記事ならitiran-thumbnail-on.phpです。

あとはstyle.cssに

.itiran-t{
   vertical-align:middle;
 
}

.wpp-views{
  padding:2px 5px;
  margin-left:5px;
  background:#FF8F00;
  color:#fff;
  font-size:80%;
  vertical-align:middle;
  white-space: nowrap;
}

を書き込んでカラーをデザインすれば完成!って言われてもそれが分からんorz

⇒解決しました。

問題解決方は以下の「続きはこちら」先にあります。

当サイトのカラーは#ff1493です。

個別記事をカスタマイズしても反映されない時の対処法

single.phpの

3行目のinclude(TEMPLATEPATH . ‘/single-type2.php’);
5行目のinclude(TEMPLATEPATH . ‘/single-type1.php’);

3行目:include(STYLESHEETPATH . ‘/single-type2.php’);
5行目:include(STYLESHEETPATH . ‘/single-type1.php’);

に書き換えなさいって教えてもらいました。

詳細とかちゃんとした説明は⇒なちブさん

ん…!?なんかちょっと字の感じが良さげになった気がする♪でも色は???

「クックク!」をピンクの白地抜きにしたいです←今ここ

ここまでは出来ました!!続きはこちら⇒知識がなくても出来るAFFINGER4カスタマイズ

ちょっと脱線

ブログを皆に知ってもらうにはランキングサイトに登録するのも良い方法と聞いたので早速、登録してみました。

「今日の記事は何位かな?」ってチェックするのが楽しみです。

何だかドキドキします。

-WordPress